<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>16_选择器-伪类选择器-目标伪类选择器</title>
        <style>
            div {
                height: 400px;
                border: 5px dashed red;
            }

            /* 当前操作的是谁 就对谁展示响应的样式 */
            div:target {
                background-color: aquamarine;
            }
        </style>
    </head>
    <body>
        <a href="#1">中华小当家</a>
        <a href="#2">斗球小子</a>
        <a href="#3">四驱小子</a>
        <a href="#4">蓝猫淘气</a>
        <a href="#5">海绵宝宝</a><br>

        <h1>中华小当家</h1>
        <div id="1"></div>
        <h1>斗球小子</h1>
        <div id="2"></div>
        <h1>四驱小子</h1>
        <div id="3"></div>
        <h1>蓝猫淘气</h1>
        <div id="4"></div>
        <h1>海绵宝宝</h1>
        <div id="5"></div>
    </body>
</html>